@namespace Microsoft.FluentUI.AspNetCore.Components
@inherits FluentComponentBase
@if (Visible)
{
    if (Stroke != ProgressStroke.Normal || !string.IsNullOrEmpty(Color))
    {
        <style>
            @($"#{Id}::part(background) {{ {StyleBackground} }}")
            @($"#{Id}::part({(Value == null ? "indeterminate-indicator-1" : "determinate")}) {{ {StyleIndicator} }}")
        </style>
    }

    <fluent-progress-ring id="@Id"
                          @ref=Element
                          class="@ClassValue"
                          style="@StyleValue"
                          min="@Min"
                          max="@Max"
                          value="@Value"
                          paused="@Paused"
                          @attributes="AdditionalAttributes">
        @ChildContent
    </fluent-progress-ring>
}